
<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/modules/cms/front/include/taglib.jsp"%>
<!DOCTYPE html>
<html>
<head>
	<title>${category.name}</title>
	<meta name="decorator" content="cms_default_${site.theme}"/>
	<meta name="description" content="${category.description}" />
	<meta name="keywords" content="${category.keywords}" />
	
	<link rel="stylesheet" type="text/css" href="${ctxStatic}/IDH/css/exhibition/about/about.css" />
	<style type="text/css">
	    html,body{margin:0;padding:0;}
	    
	</style>
	<script type="text/javascript" src="https://api.map.baidu.com/api?v=1.4"></script>
	<script type="text/javascript" src="https://api.map.baidu.com/library/SearchControl/1.4/src/SearchControl_min.js"></script>
	<link rel="stylesheet" href="https://api.map.baidu.com/library/SearchControl/1.4/src/SearchControl_min.css" />
	<link href="https://api.map.baidu.com/library/TrafficControl/1.4/src/TrafficControl_min.css" rel="stylesheet" type="text/css" />
	<script type="text/javascript" src="https://api.map.baidu.com/library/TrafficControl/1.4/src/TrafficControl_min.js"></script>

</head>
<body>
	<div class="col-md-12">
		<ul class="nav nav-tabs row nav-li">
			<cms:frontCategoryList categoryList="${categoryList}"/>
		 </ul>
		<div class="tab-content row">
			<div class="tab-pane active" id="liaison">
				<div class="col-xs-12 col-md-8" id="mapwidth">
					  <div id="map_container"></div>
				</div>
				<div class="col-md-4 text">
					${article.articleData.content}
				</div>
			</div>
		</div>
   </div>
<script type="text/javascript"> /*<![CDATA[*/


// 创建地图对象并初始化
var mp = new BMap.Map("map_container",{
    enableHighResolution: true //是否开启高清
});
var point = new BMap.Point(121.516355,31.103418);
mp.centerAndZoom(point, 17); //初始化地图
mp.enableInertialDragging(); //开启关系拖拽
mp.enableScrollWheelZoom();  //开启鼠标滚动缩放

var marker = new BMap.Marker(point); // 创建标注
mp.addOverlay(marker); 


// 设置文本偏移量
var opts = {
offset: new BMap.Size(20, -20),
}

//添加marker文本标注
var label = new BMap.Label('霁圣电子', opts); // 创建文本标注对象
label.setStyle({
color : "black",
border: '1px solid black',
fontSize : "12px",
height : "20px",
lineHeight : "20px",
fontFamily:"微软雅黑",
display: 'table'
});
// 将文本标注添加到地图当中
marker.setLabel(label);


//创建鱼骨控件
var navCtrl = new BMap.NavigationControl({
        anchor: BMAP_ANCHOR_TOP_LEFT //设置鱼骨控件的位置
});
// 将鱼骨添加到地图当中
mp.addControl(navCtrl);
 
//添加路况控件
var ctrl = new BMapLib.TrafficControl({
   showPanel: false //是否显示路况提示面板
});      

mp.addControl(ctrl);
ctrl.setAnchor(BMAP_ANCHOR_TOP_RIGHT);

/*]]>*/</script>
</body>
